<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html lang="en">
<head>
<jsp:include page="core/templates/header.jsp"></jsp:include>
</head>
<body class="header1 activateAppearAnimation">
	<div id="globalWrapper">
		<jsp:include page="core/templates/mainMenu.jsp"></jsp:include>
		<jsp:include page="core/templates/banner.jsp"></jsp:include>
		<!-- Content -->
		<section style="background: url('core/images/feature.png') repeat;">
			<div class="container ">
				<div class="row" style="min-height: 800px;">
					<div class="col-md-12 pb15 mt30 mt15">
						<h2>รายละเอียดของงาน</h2>
					</div>
					<!-- Content -->
					<div class="col-md-9  mb30">
						<div class="color0 ctaBox">
							<div class="row">
								<div class="col-md-12 font2 mb05 textColorBlack">
									<s:property value="model.serviceDetail.service.serviceName" />
								</div>
							</div>
							<div class="row mt15">
								<div class="col-md-12">
									<span class="font4 label label-info "><b>ข้อมูลของบริการ</b></span>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12">
									<div class="row">
										<div class="col-md-12 mb05"></div>
										<div class="col-md-12" style="padding-left: 2em">
											<div class="row mt05">
												<div class="col-md-12"></div>
												<div class="col-md-3 col-sm-3 col-xs-3 textColorBlack">
													<b>ประเภทของบริการ</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<s:property
														value="model.serviceDetail.listAptitude[0].aptitudeType.aptitudeTypeName" />
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-12"></div>
												<div class="col-md-3 col-sm-3 col-xs-3 textColorBlack">
													<b>รายละเอียดบริการ</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<s:property
														value="model.serviceDetail.service.descriptionOfService" />
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">จำนวนผู้ร้องขอบริการนี้</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													จำนวน
													<s:property value="model.serviceDetail.amountRequestPost" />
													ครั้ง
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3 col-sm-3 col-xs-3">
													<b class="textColorBlack">วันที่ลงโพสให้บริการ</b> :
												</div>
												<div class="col-md-9 col-sm-9 col-xs-9">
													<s:date name="model.serviceDetail.postDate"
														format="dd MMMM yyyy" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<hr class="lineLines mt30 mb15">
							<div class="row ">
								<div class="col-md-12 mb05">
									<span class="font4 label label-info "><b>ข้อมูลผู้ให้บริการ</b></span>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12" style="padding-left: 2em">
									<div class="row mt15">
										<div class="col-md-2" align="center">
											<figure>
												<img
													src="file/images/service/<s:property value="model.serviceDetail.service.serviceId"/>/<s:property value="model.serviceDetail.user.picture"/>"
													alt="" class="img-circle img-responsive">
											</figure>
											<a href="freelanceDetailPage.jsp"><button type="button"
													class="btn btn-warning btn-xs mt15">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-user iconSmall"></i> ดูโปรไฟล์</span>
												</button></a>
										</div>
										<div class="col-md-10 col-sm-10 col-xs-10">

											<div class="row">
												<div class="col-md-3">
													<b class="textColorBlack">ผู้ให้บริการ :</b>
												</div>
												<div class="col-md-9">
													<s:property value="model.serviceDetail.user.alias" />
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3">
													<b class="textColorBlack">ระดับความน่าเชื่อถือ :</b>
												</div>
												<div class="col-md-9">
													<span class="textColorYelow"> <s:iterator
															var="counter" begin="1"
															end="model.serviceDetail.user.trustLevel">
															<i class="icon-star"></i>
														</s:iterator> <s:iterator var="counter" begin="1"
															end="5 - model.serviceDetail.user.trustLevel">
															<i class="icon-star-empty"></i>
														</s:iterator>
													</span>
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3">
													<b class="textColorBlack">ทักษะของผู้ให้บริการ :</b>
												</div>
												<div class="col-md-9">
													<span class="tags">html5</span> <span class="tags">html5</span>
													<span class="tags">html5</span> <span class="tags">html5</span>
													<span class="tags">html5</span> <span class="tags">html5</span>
													<span class="tags">html5</span> <span class="tags">html5</span>
													<span class="tags">html5</span>
												</div>
											</div>
											<div class="row mt05">
												<div class="col-md-3">
													<b class="textColorBlack">จังหวัด : </b>
												</div>
												<div class="col-md-9">เชียงใหม่</div>
											</div>
											<div class="row">
												<div class="col-md-3"></div>
												<div class="col-md-8"></div>
											</div>

										</div>
									</div>
								</div>
							</div>
							<hr class="lineLines mt30 mb15">
							<div class="row mt15">
								<div class="col-md-12">
									<div class="row mb05">
										<div class="col-md-12 mb05">
											<span class="font4 label label-info "><b>รายละเอียดของบริการ</b></span>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12" style="padding-left: 2em">
									<div class="row mt15">
										<div class="col-md-2" align="center">
											<figure>
												<img class="media-object img-thumbnail"
													data-src="holder.js/100x100" alt="100x100"
													src=""
													style="width: 100px; height: 100px;">
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<h4 class="media-heading textColorBlack">
												<b>แก้ HTML Template ค่ะ</b>
											</h4>
											<p>
												<b class="textColorBlack">ค่าบริการ : </b> ชิ้นละ 200 บาท <br>
												<b class="textColorBlack">วิธีการชำระค่าบริการ : </b> เงินสด
												<br> <b class="textColorBlack">รายละเอียด : </b> สร้าง
												website บริษัทโดยมี eCommerce function
												สำหรับสินค้าประเภทเคมี 300000 รายการ สามารถ search และแสดงผล
												suggested result บน search bar สามารถ login เพื่อดูราคา
												ทำการสร้างใบเสนอราคาเป็น PDF online
												และสามารถสั่งซื้อสินค้าได้ ส่ง order confirmation ทางเมล
												ข้อมูลสินค้า link กับฐานข้อมูลใน ERP ของบริษั...
											</p>

										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12" style="padding-left: 2em">
									<div class="row mt15">
										<div class="col-md-2" align="center">
											<figure>
												<img class="media-object img-thumbnail"
													data-src="holder.js/100x100" alt="100x100"
													src=""
													style="width: 100px; height: 100px;">
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<h4 class="media-heading textColorBlack">
												<b>แก้ HTML Template ค่ะ</b>
											</h4>
											<p>
												<b class="textColorBlack">ค่าบริการ : </b> ชิ้นละ 200 บาท <br>
												<b class="textColorBlack">วิธีการชำระค่าบริการ : </b> เงินสด
												<br> <b class="textColorBlack">รายละเอียด : </b> สร้าง
												website บริษัทโดยมี eCommerce function
												สำหรับสินค้าประเภทเคมี 300000 รายการ สามารถ search และแสดงผล
												suggested result บน search bar สามารถ login เพื่อดูราคา
												ทำการสร้างใบเสนอราคาเป็น PDF online
												และสามารถสั่งซื้อสินค้าได้ ส่ง order confirmation ทางเมล
												ข้อมูลสินค้า link กับฐานข้อมูลใน ERP ของบริษั...
											</p>

										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12" style="padding-left: 2em">
									<div class="row mt15">
										<div class="col-md-2" align="center">
											<figure>
												<img class="media-object img-thumbnail"
													data-src="holder.js/100x100" alt="100x100"
													src=""
													style="width: 100px; height: 100px;">
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<h4 class="media-heading textColorBlack">
												<b>แก้ HTML Template ค่ะ</b>
											</h4>
											<p>
												<b class="textColorBlack">ค่าบริการ : </b> ชิ้นละ 200 บาท <br>
												<b class="textColorBlack">วิธีการชำระค่าบริการ : </b> เงินสด
												<br> <b class="textColorBlack">รายละเอียด : </b> สร้าง
												website บริษัทโดยมี eCommerce function
												สำหรับสินค้าประเภทเคมี 300000 รายการ สามารถ search และแสดงผล
												suggested result บน search bar สามารถ login เพื่อดูราคา
												ทำการสร้างใบเสนอราคาเป็น PDF online
												และสามารถสั่งซื้อสินค้าได้ ส่ง order confirmation ทางเมล
												ข้อมูลสินค้า link กับฐานข้อมูลใน ERP ของบริษั...
											</p>

										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12" style="padding-left: 2em">
									<div class="row mt15">
										<div class="col-md-2" align="center">
											<figure>
												<img class="media-object img-thumbnail"
													data-src="holder.js/100x100" alt="100x100"
													src=""
													style="width: 100px; height: 100px;">
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<h4 class="media-heading textColorBlack">
												<b>แก้ HTML Template ค่ะ</b>
											</h4>
											<p>
												<b class="textColorBlack">ค่าบริการ : </b> ชิ้นละ 200 บาท <br>
												<b class="textColorBlack">วิธีการชำระค่าบริการ : </b> เงินสด
												<br> <b class="textColorBlack">รายละเอียด : </b> สร้าง
												website บริษัทโดยมี eCommerce function
												สำหรับสินค้าประเภทเคมี 300000 รายการ สามารถ search และแสดงผล
												suggested result บน search bar สามารถ login เพื่อดูราคา
												ทำการสร้างใบเสนอราคาเป็น PDF online
												และสามารถสั่งซื้อสินค้าได้ ส่ง order confirmation ทางเมล
												ข้อมูลสินค้า link กับฐานข้อมูลใน ERP ของบริษั...
											</p>

										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12" style="padding-left: 2em">
									<div class="row mt15">
										<div class="col-md-2" align="center">
											<figure>
												<img class="media-object img-thumbnail"
													data-src="holder.js/100x100" alt="100x100"
													src=""
													style="width: 100px; height: 100px;">
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<h4 class="media-heading textColorBlack">
												<b>แก้ HTML Template ค่ะ</b>
											</h4>
											<p>
												<b class="textColorBlack">ค่าบริการ : </b> ชิ้นละ 200 บาท <br>
												<b class="textColorBlack">วิธีการชำระค่าบริการ : </b> เงินสด
												<br> <b class="textColorBlack">รายละเอียด : </b> สร้าง
												website บริษัทโดยมี eCommerce function
												สำหรับสินค้าประเภทเคมี 300000 รายการ สามารถ search และแสดงผล
												suggested result บน search bar สามารถ login เพื่อดูราคา
												ทำการสร้างใบเสนอราคาเป็น PDF online
												และสามารถสั่งซื้อสินค้าได้ ส่ง order confirmation ทางเมล
												ข้อมูลสินค้า link กับฐานข้อมูลใน ERP ของบริษั...
											</p>

										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12" style="padding-left: 2em">
									<div class="row mt15">
										<div class="col-md-2" align="center">
											<figure>
												<img class="media-object img-thumbnail"
													data-src="holder.js/100x100" alt="100x100"
													src=""
													style="width: 100px; height: 100px;">
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<h4 class="media-heading textColorBlack">
												<b>แก้ HTML Template ค่ะ</b>
											</h4>
											<p>
												<b class="textColorBlack">ค่าบริการ : </b> ชิ้นละ 200 บาท <br>
												<b class="textColorBlack">วิธีการชำระค่าบริการ : </b> เงินสด
												<br> <b class="textColorBlack">รายละเอียด : </b> สร้าง
												website บริษัทโดยมี eCommerce function
												สำหรับสินค้าประเภทเคมี 300000 รายการ สามารถ search และแสดงผล
												suggested result บน search bar สามารถ login เพื่อดูราคา
												ทำการสร้างใบเสนอราคาเป็น PDF online
												และสามารถสั่งซื้อสินค้าได้ ส่ง order confirmation ทางเมล
												ข้อมูลสินค้า link กับฐานข้อมูลใน ERP ของบริษั...
											</p>

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>


					<div class="col-md-3">
						<div class="row mb05">
							<div class="col-md-12">
								<div class="boxFocus color1">
									<div class="textCenter mb05">
										<b class="textColorBlack">สนใจร้องขอบริการนี้</b>
									</div>
									<div class="textCenter">
										<button type="button"
											class="btn btn-labeled btn-success font4" data-toggle="modal"
											data-target="#btnRequestService">
											<span class="btn-label"><i class="icon-briefcase"></i></span>กดปุ่ม
											เพื่อร้องขอรับบริการ
										</button>
									</div>
									<div class="textCenter mt05">
										<!-- Go to www.addthis.com/dashboard to customize your tools -->
										<script type="text/javascript"
											src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-546226361c58c9f3"
											async="async"></script>
										<!-- Go to www.addthis.com/dashboard to customize your tools -->
										<div class="addthis_sharing_toolbox"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12 mt15">
								<div class="row">
									<div class="col-md-12">
										<span class="font4 textColorBlack"><b>หมวดหมู่ของบริการ</b></span>
									</div>
								</div>
								<s:iterator value="model.listAptitudeType">
									<div class="row">
										<div class="col-md-12 col-xs-6 col-sm-6 mt05"
											style="margin-left: 1em;">
											<div class="media">
												<a class="pull-left" href="#"><img
													class="img-circle img-responsive"
													src="<s:property value="image_icon"/>" alt=""
													style="width: 40px;"> </a>
												<div class="media-body">
													<a href="#"> <span class="font5"><b><s:property
																	value="aptitudeTypeName" /></b></span>
													</a><br> <span class="font5">งานที่มีทั้งหมด <s:property
															value="countSumService" /> งาน
													</span>
												</div>
											</div>
										</div>
									</div>
								</s:iterator>
								<div class="row mt15 mb05">
									<div class="col-md-12">
										<hr class="lineLines">
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<span class="font4 textColorBlack"><b>บริการใหม่ล่าสุด</b></span>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<ul class="list-unstyled iconList borderList">
											<s:iterator value="model.listServiceLastPost">
												<li><a href="#" class=""><s:property
															value="service.serviceName" /></a></li>
											</s:iterator>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Content -->
		<jsp:include page="core/templates/footer.jsp" />
		<jsp:include page="requestServicePage.jsp"></jsp:include>

	</div>
</body>
</html>